import 'package:flutter/material.dart';
import 'package:flutter/services.dart';


class RowColumnLayoutPage extends StatelessWidget {
  final SystemUiOverlayStyle _style = SystemUiOverlayStyle(statusBarColor: Colors.transparent);
  @override
  Widget build(BuildContext context) {
    SystemChrome.setSystemUIOverlayStyle(_style);
    // TODO: implement build
    return MaterialApp(
      home: RowColumnLayoutWidget(),
      theme: ThemeData(primarySwatch: Colors.yellow),
    );
  }
}

class RowColumnLayoutWidget extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return _RowColumnLayoutPage();
  }
}

class _RowColumnLayoutPage extends State<StatefulWidget> {

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text("RowColumnLayout Page"),
      ),
//      body: Row(
//        crossAxisAlignment: CrossAxisAlignment.start,
//        children: <Widget>[
//          Container(
//            width: 200,
//            height: 100,
//            color: Colors.red,
//          ),
//          Container(
//            width: 400,
//            height:300,
//            color: Colors.blue,
//          ),
//        ],
//      ),
    body: Column(
      crossAxisAlignment: CrossAxisAlignment.end,
      children: <Widget>[
        Container(
          width: 200,
          height: 300,
          color: Colors.red,
        ),
        Container(
          width: 300,
          height: 200,
          color: Colors.blue,
        ),
      ],
    ),
    );
  }
}